<div class="module-invite">
	<div class="invite-banner" style="background-image: url(../img/bg1.jpg)">
		<div class="banner-title">
			<img class="img" src="img/bt@2x.png" />
			<div class="btn">- 邀友更有500000ACT免费拿 -</div>
		</div>
		<div class="steps" style="background-image: url(../img/bg2.png)">
			<div class="steps-icon">
				<div class="icon-item">STEP1</div>
				<div class="icon-item"><img class="icon" src="img/jt@2x.png"/></div>
				<div class="icon-item">STEP2</div>
				<div class="icon-item"><img class="icon" src="img/jt@2x.png"/></div>
				<div class="icon-item">STEP3</div>
			</div>
			<div class="steps-text">
				<div class="text-item">註冊并生成專屬二維碼</div>
				<div class="text-item">通過二維碼邀請好友註冊并完成實名認證</div>
				<div class="text-item">獲得禮包和1美金，多邀多得</div>
			</div>
		</div>
	</div>
	<div class="invite-title">
		<div class="title-item">
			<img class="img" src="img/invite-title.png">
		</div>
	</div>

	<div class="invite-info">
		<div class="no-login" v-if="hasLogin === false">
			<div class="no-login-content">
				<p class="text title">HI,親愛的登錄后就能看到您的活動URL啦！</p>
				<p class="text"><a href="javascript:;" @click="goLogin()" class="ui-btn btn">登錄</a></p>
				<p class="text">還沒有smart賬號？
					<a href="./register.html" class="fn-orange">去註冊</a>
				</p>
			</div>
		</div>
		<invite-info></invite-info>
	</div>

    <div class="introduce" style="background-image: url(../img/bg3.jpg)">
    	<div class="introduce-item">
			<p class="title">活動細則</p>
			<p>&middot; 活動期間，邀友註冊smart，您得5ACT邀友鼓勵金，後續將根據實際情況對鼓勵金比例進行調整；</p>
    		<p>&middot; 一旦您邀請的用戶成功完成實名註冊，鼓勵金就會立刻返回到您的smart賬戶。</p>
    		<p>&middot; smart保留隨時對邀友活動規則進行調整權利，但是對您推薦的好友數量沒有限制。</p>
    		<p>&middot; 被推薦人必須使用您的推薦鏈接或者二維碼，否則無法建立邀請關係。</p>
    		<p>&middot; smart會嚴查重複的或者虛假賬戶，一經發現，將不會支付鼓勵金。用戶不得重複申請賬戶或者共享資金，註冊禮包同一人限領一次。</p>
    		<p>&middot; 此次活動最終解釋權歸smart交易平臺所有。</p>
    	</div>
    </div>
</div>
